<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/heder.css" rel="stylesheet" >
		<link href="css/flex.css" rel="stylesheet" > 
		<link href="css/product.css" rel="stylesheet" > 
	</head>
	
	<body>
		
	
			<div class="header">
				
				<div class="h">
					
					<a class="logo"></a>
					
				    <div class="header-right">
						<a href="login.html" class="logo-btn">登录</a>
						<a  href="registered.html" class="register-btn">注册</a>
						
					<div class="user-wrapper">
						<h1>KAI</h1>
						<div class="user-info">
							<ul>
								<li><a href="user.html">个人信息</a></li>
								<li><a href="address.html">收货地址</a></li>
								<li><a href="myproduct.html">我的订单</a></li>
							</ul>
							<div class="outlogin">退出</div>
						</div>
					</div>
						
						<span class="line">|</span>
						
						<div class="cart-wrapper">
							<h1>购物车</h1>
							<div class="cart-info">
								<ul>
									<li>
										<a> <img src="img/goods.jpg"> </a>
										<div>
											<p>商品名字</p>
											<p class="miaos">颜色</p>
											<p><span>数量</span>
											<span>价格</span></p>
										</div>
									</li>
								
									
								</ul>
								<div class="look">查看商品</div>
							</div>
						</div>
						
						<span class="line">|</span>
						
						<div class="message-wrapper">
							<h1>消息</h1>
							<div class="message-list">
								<ul>
									<li><a>动态</a></li>
									<li><a>评论</a></li>
									<li><a>私信</a></li>
									<li><a>粉丝</a></li>
									<li><a>喜欢</a></li>
									
									<li><a>通知</a></li>
								</ul>
								
							</div>
						</div>
						
						<span class="line">|</span>
						
						<div class="add-wrapper">
							<h1>添加良品</h1>
						</div>
						<div class="agreementr">
							资质证件/协议规则
						</div>
				    </div>
				</div>
			</div>
			
			<nav >
				<ul class="flex-row">
					<li><a href="mian.html">首页</a></li>
					<li>
						<h1>商店</h1>
						<div class="nav-goods-list">
							<div class="nav-goods-list-l flex-col-between">
								<ul class="flex-row">
									
								</ul>
							    <div class=><a>查看所有品牌</a>><a>最新到货</a></div>
							</div>
							<div class="nav-goods-list-r ">
								<img src="img/shop_subnav_r.jpg">
								<p>新视线：  2015年7月刊</p>
							</div>
						</div>
						</li>
					<li>
						<h1>杂志</h1>
						<div class="nav-magazine-list">
							<ul class="flex-row">
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								
							</ul>
						</div>
						
						</li>
					<li>
						<h1>分享</h1>
						<div class="nav-magazine-list">
							<ul class="flex-row">
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								<li><a>趣物</a></li>
								<li><a>数码</a></li>
								<li><a>汽车</a></li>
								
							</ul>
						</div>
						</li>
					<li><a>达人</a></li>
					<li><a>有偿咨询</a></li>
				</ul>
				<div class="search flex-row">
					<input type="text" >
					<span></span>
				</div>
			</nav>
			
			<div class="mian flex-row">
				<div class="mian-l">
					<div class="pos">
						<a>良仓</a>>
						<a>商品</a>>
						<a>详情</a>
						
					</div>
					<div class = "product-info flex-row">
						<div class="product-info-l flex-col align-center">
							<div class="banner">
								<img src="">
								<div class = "mark"></div>
								<div class="big-img">
									<img class = "big" src="">
								</div>
							</div>
							
							
							
							<span class="pave"></span>
							<span class="next"></span>
							<div class= "product-info-i">
								
								<ul class="flex-row">
									<!-- <li>
										<img src="https://imgs-qn.iliangcang.com/ware/goods/big/2/284/284699.jpg">
									</li> -->
								
								</ul>
								
							</div>
						</div>
						
						
						<div  class="product-info-r">
							<div class="flex-row"><span></span>2</div>
							<div><a>万寿斋</a></div>
							<div>黑金霸气龙粽六粽版 | 足量足料 味道更足</div>
							<div>价格：<span>￥280</span></div>
							<div>
								<img src="http://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24690.png">
								<span>免运费</span>
								<img  src="http://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24689.png">
								<span>正品授权</span>
							</div>
							<div class="flex-row align-center">
								<span>颜色：</span>
							
								<div class=" flex-col align-center">
									<img src="https://imgs-qn.iliangcang.com/ware/goods/big/2/284/284699.jpg">
									<div>非偏远地区</div>
								</div>
							</div>
							
							<div class= "flex-col align-center">
								<img src="https://imgs-qn.iliangcang.com/ware/goods/big/2/284/284699.jpg">
								<div>偏远地区（甘肃 青海 宁夏 海南 内蒙古 新疆 西藏）</div>
							</div>
							
							<div class="flex-row align-center">
								<span>数量:</span>
								<div class="flex-row align-center">
									<img  class="reduce" src="http://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24748.png">
									<input  class="number" type="text" value="1">
									<img class="add" src="http://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24750.png">
								</div>
							</div>
							
							<div class = "lk flex-col-between">
								<div class = "buy">立刻购买</div>
								<div class = "flex-row-between">
									<div class="cart"><img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24749.png">加入购物车</div>
									<div class="share"><img src="https://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24746.png">分享</div>
								</div>
							</div>	
						</div>
					
					
					
					
					
					</div>
					
					
					<div class = "lft .flex-col">
					  <!-- <img src="https://imgs-qn.iliangcang.com//ware/ueditor/image/20240511/1715395420112902.jpg"> -->
				
					</div>
					
					<div class = "logo-t">
						<div>品牌简介</div>
					</div>
					<div class = "content">万寿斋成立于1949年，由上海一个前店后场的四人小作坊逐渐发展而成。一直努力钻研新中式点心。双方一拍即合，取长补短，用以中国本土产食材，利用中式传统工艺，通过创新配方，改良口味，改造形象，创造出有东方特色，又符合现代人口为的点心。朝着目标“重现中式点心之美”而砥砺前行。</div>
					<div class = "car-t">
						<div>购物指南</div>
					</div>
					
					<div class = "content-p">
						<p>
							
                        — 所有商品均为正品保证。
                    
						</p>
						<br>
						<p>
							
						— 中国大陆地区免运费 （偏远地区、受疫情和自然灾害影响、受节假日特殊活动等影响时，需承担部分运费)。
						                    
						</p>
						<br>
						<p>
						
                        — 包邮默认商家合作快递，如指定快递请联系客服，并承担运费差额。
                    
						</p>
						<br>
						<p>
							
                        — 蜡烛、液态品、手表等含电池产品无法空运，运输时间相较普通空运件会更久。
                    
						</p>
						<br>
						<p>
							
                        — 如出现产品质量问题请在签收后72小时内联系客服。
                    
						</p>
						<br>
						
					
					</div>
					
					<div class="purchase">
						<a>
							<img src="http://imgs-qn.iliangcang.com/ware/sowhatimg/ware/orig/2/24/24832.png">
						</a>
					</div>
				</div>
				<div class="mian-r">
					<h5>猜你喜欢</h5>
					<ul class="flex-col">
						<!-- <li class="list flex-col-around">
							<img src="https://imgs-qn.iliangcang.com/ware/goods/big/2/284/284702.jpg">
							<div>青影编竹创意国风竹篮礼盒</div>
							<div>BOBORE</div>
							<div>￥258</div>
						</li> -->
						
					</ul>
				</div>
			</div>
			
			<div class="LoginAlert">
				
			</div>
			<div class="plogin">
				<div class="flex-row-between">
					登录良仓
					<span class="cha"></span>
				</div>
				
				<div class="plogin-b flex-row-between">
					<div class="plogin-b-l">
						<input type="text" class="inputname" placeholder="请输入用户名">
						<input type="password" class="inputpassword" placeholder="请输入密码"/>
						
						<div class="flex-row-between align-center">
							<div class="loginBnt">登录良仓</div>
							
							<div><a href="registered.html">注册良仓</a></div>
						</div>
					</div>
					<div class="plogin-b-r">
						<div>
							<p>第三方登录：</p>
							
							<div class="icon flex-row-between">
								<span><img src="img/QQ.png"/></span>
								<span><img src="img/微信.png"/></span>
								<span><img src="img/新浪微博.png"/></span>
								<span><img src="img/苹果.png"/></span>
							</div>
							
						</div>
					</div>
				</div>
			</div>
			
			<hr>
			
			<div class="end">
				<div class="shouz flex-row">
					<span></span>
					<a>良品商店</a>/
					<a>OUR SHOP</a>
				</div>
				
				<div>
					<ul class="flex-row-between" >
						<li class="flex-row align-center">
							<div></div>
							<div>
								<p>全球精品</p>
								<p>Global Selections</p>
							</div>
						</li>
						<li class="flex-row align-center">
							<div></div>
							<div>
								<p>全球精品</p>
								<p>Global Selections</p>
							</div>
						</li>
						<li class="flex-row align-center">
							<div></div>
							<div>
								<p>全球精品</p>
								<p>Global Selections</p>
							</div>
						</li>
						<li class="flex-row align-center">
							<div></div>
							<div>
								<p>全球精品</p>
								<p>Global Selections</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			
			<footer>
				<div class="footer-info flex-col-around">
					<div class="flex-row-between flex-row-col-center">
						<div class="footer-info-l flex-row">
							<div></div>
							<div>
								<p>iPhone Android</p>
								<p>客户端下载</p>
							</div>
						</div>
						
						<div class="footer-info-r flex-row-between">
							<span></span>
							<span></span>
							<span></span>
						</div>
					</div>
					
					
					<ul>
						<li>关于良仓|关于良仓|关于良仓|关于良仓|关于良仓|</li>
						<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
						<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
						<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
						<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
						<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					</ul>
					
				</div>
			</footer>
			
			
	</body>
</html>
<script src="js/ajax.js"></script>
<script src="js/nav.js"></script>
<script src="js/product.js"></script>